        <div class="container">
            <div class="span-24">
  		The header
            </div>

            <div class="span-4">
  		The first column
            </div>
            <div class="span-16">
  		The center column
                <dl>
                    <dt>@.small@</dt><dd>Makes the text of this element smaller.</dd>
                    <dt>@.large@</dt><dd><div class="large">Makes the text of this element larger.中文字体</div></dd>
                    <dt>@.hide@</dt><dd>Hides an element.</dd>
                    <dt>@.quiet@</dt><dd>Tones down the font color for this element.</dd>
                    <dt>@.loud@</dt><dd>Makes this elements text black.</dd>
                    <dt>@.highlight@</dt><dd>Adds a yellow background to the text.</dd>
                    <dt>@.added@</dt><dd>Adds green background to the text.</dd>
                    <dt>@.removed@</dt><dd>Adds red background to the text.</dd>
                    <dt>@.first@</dt><dd>Removes any left sided margin/padding from the element.</dd>
                    <dt>@.last@</dt><dd>Removes any right sided margin/padding from the element.</dd>
                    <dt>@.top@</dt><dd>Removes any top margin/padding from the element.</dd>
                    <dt>@.bottom@</dt><dd>Removes any bottom margin/padding from the element.</dd>
                </dl>
                <dl>
                    <dt>@div.error@</dt>
                    <dd><div class="error">Creates an error box (red).中文字体</div></dd>
                    <dt>@div.notice@</dt><dd>Creates a box for notices (yellow).</dd>
                    <dt>@div.success@</dt><dd>Creates a box for success messages (green).</dd>
                </dl>
            </div>
            
            <div class="span-4 last">
  		The last column
            </div>

            <div class="span-24">
  		The footer
            </div>
        </div>
